<template>
  <div class="field-diary-wrap">
    <x-header>
      现场日记
    </x-header>
    <div class="field-diary-content">
      <div class="title">
        现场日记:
      </div>
      <x-button mini plain type="primary">上传照片</x-button>
       <footer-button left-btn-txt="确定上传" @handleLeftClick="uploadAll"></footer-button>
    </div>
     <div v-transfer-dom>
      <confirm v-model="show"
      title="确定要提交现场日记吗?"
      @on-cancel="onCancel"
      @on-confirm="onConfirm">
      </confirm>
    </div>
  </div>
</template>
<script>
import FooterButton from "../../components/footer/index.vue";
  export default {
    components: {
      FooterButton
    },
    data() {
      return {
        show: false
      }
    },
    methods: {
      uploadAll() {
        this.showWarnUploadPop();
      },
      showWarnUploadPop() {
        this.show = true;
      },
      onCancel() {

      },
      onConfirm() {
        alert(0);
      }
    }
  };
</script>
<style lang="scss">
.field-diary-content{
  margin: 0 .5rem;
  .title{
    margin: .6rem 0;
  }
}
</style>